home *** CD-ROM | disk | FTP | other *** search
/ Windows News 2010 Summer - Disc 1 / WN_Ete2010_CD1.iso / Onglet5 / Weezo / Weezo setup.exe / {code_appDir} / www / themes / aqua / theme-src.css < prev    next >
Cascading Style Sheet File  |  2010-05-19  |  18KB  |  332 lines
  1. /**
  2.  * Classic Theme
  3.  *
  4.  *
  5.  * @category NA
  6.  * @package NA
  7.  * @author  Nicolas Bruley / Peer 2 World <contact@weezo.net>
  8.  * @copyright 2005-2009 Nicolas Bruley / Peer 2 World
  9.  * @license http://www.php.net/license/3_0.txt PHP License 3.0
  10.  * @version CVS: $Id:$
  11.  * @link  http://www.weezo.net
  12.  * @since  File available since Release 1.0.0
  13.  */
  14.  
  15. body{font-family:sans-serif; color:#5A5A5A; font-size:11px; background:#F9F9F9; text-align:left;cursor:default;}
  16. .vsFont{font-size:8px;}
  17. .smallFont{font-size:10px;}
  18. .normalFont{font-size:12px;}
  19. .bigFont{font-size:13px; font-weight:bold;}
  20. .warning{color:red; font-weight:bold;}
  21. .textInput, .fileInput, textarea{background:white url('/themes/common/input.gif') repeat-x; border:1px solid #AAA}
  22.  
  23. a{color:#5A5A5A; text-decoration:none}
  24. img{border:none;}
  25. textarea {width:100%;font-size:11px;background-color:white}
  26. .ico {width:16px;height:16px;vertical-align:middle;}
  27.  
  28.  
  29. /* popups body style */
  30. .iframeBody{color:#5A5A5A; font-size:11px; background:#F9F9F9; margin:5px; text-align:left;}
  31.  
  32. /* Login page */
  33. .loginBox, .loginBox .link{border-color:#AAA;color:#444}
  34. .loginBox:hover{background:#DDD}
  35. .loginBodyClassic{background:#666 !important}
  36.  
  37.  
  38. /* Main menu */
  39. .menuFrameBody{background:#EEE;  color:#000; font-size:10px; margin-right:0px; margin-left:0px; border-right:1px solid #CCC}
  40. .menuLarge{text-decoration:none;border-bottom:1px solid #CCC;border-top:1px solid #F9F9F9;width:217px;display:block;text-align:left;padding:5px 0px 5px 0px;background:url('<?php echo $path;?>menuLargeBg.gif')}
  41. .menuName {font-weight:bold;font-size:120%;color:#444;overflow:hidden;display:block}
  42. .menuLarge span{color:#666;text-shadow: #FFF 0 1px 0}
  43. .menuLarge:hover{background:url('<?php echo $path;?>menuLargeBgH.gif') 0px 0px}
  44. .menuLarge:active, .menuLarge:active div, .menuLarge.selected{background:#333}
  45. .menuLarge:active span,.menuLarge.selected span{color:white;text-shadow:none}
  46. .menuLarge.reduced{background:#e9f0f7}
  47.  
  48. .menuFrame{float:left; margin:5px 10px 0px 10px}
  49.  
  50. /* Desktop */
  51. .mainFrameBody {background:#FFF}
  52. .mainFrameBanner{position:absolute;top:0;left:0;width:100%;height:40px;background:#2f5070 url('<?php echo $path;?>/bannerTop2.gif') repeat-x;color:#EEE;font-weight:bold;font-size:130%}
  53. .mainFrameBanner a{margin:3px;padding:2px;position:relative;border:1px solid #476989}
  54. .mainFrameBanner a:hover,.mainFrameBanner a:active{background:#476989;border:1px solid #63829F}
  55. .mainFrameBanner a:active{background:#A7CD8E}
  56.  
  57. .hint{color:#292; font-size:11px; text-align:left; padding-top:5px;}
  58.  
  59. .topDiv{width:100%}
  60.  
  61.  
  62. .menuLarge{display:block; text-align:left; text-decoration:none}
  63.  
  64. /* Frame 1 */
  65. .frame1{font-size:12px; font-weight:normal; border:1px 0px 1px 0px solid #999; padding:0.5em; margin: 5px 0px 5px 0px; text-align:left; position:relative}
  66. .frame1Header, .frame2Header{color:#666; font-size:15px;text-shadow: #FFF 0 1px 0; margin-top:-0.5em; margin-bottom:0.5em; padding:0px; padding-left:10px; padding-right:5px; line-height:34px;height:34px; background:url('<?php echo $path;?>sep1.gif') repeat-x bottom}
  67. .frame1Footer{margin-bottom:-0.5em; margin-top:0.5em; padding:0px; line-height:22px; font-size:11px}
  68.  
  69. .frame1Header a{color:#5A5A5A;}
  70.  
  71. /* Frame 2 */
  72. .frame2{font-size:12px; padding:5px; border:1px 0px 1px 0px solid #F00; margin:3px 0px 7px 0px; position:relative; text-align:left;}
  73. .frame2Header{font-size:12px; color:#000 }
  74. .frame2Footer{font-size:10px; font-weight:bold; padding-left:0.5em; padding-right:0.5em; margin:-5px; margin-top:7px; line-height:24px;height:24px;}
  75. .frame2.even{background:#e9f0f7}
  76.  
  77.  
  78. /* Frame 3 */
  79. .frame3{font-size:11px; background:#FEFEFE; border:1px solid #DDD; padding-left:3px; padding-right:3px; margin-top:3px; margin-bottom:6px; position:relative;}
  80. .frame3Header{font-weight:bold; font-size:11px; margin-bottom:5px; margin-left:-3px; margin-right:-3px; line-height:24px; padding-left:4px; padding-right:4px;}
  81. .frame3Footer{font-size:11px; margin-left:-3px; margin-right:-3px; margin-top:3px; padding-left:3px; padding-right:3px; border-top:1px solid #E5E5E5; line-height:22px}
  82.  
  83.  
  84. /* Horizontal Banner */
  85. .banner{background:#EEE;border: 1px solid #CCC; border-left:0px; border-right:0px;margin-left:-5px}
  86.  
  87. /* Action panel (explorers) */
  88. .vBanner{background:#EAF2F5;color:#537A88;text-shadow: #FFF 0 1px 0;border:1px solid #BEDCE7}
  89. .vBanner, .vBanner .frame1Header, .vBanner .frame2Header{color:#537A88 !important}
  90. .vBanner .button i,.vBanner .button b,.vBanner .button u,.vBanner .buttonSmall, .vBanner .buttonDisabled i, .vBanner .buttonDisabled b, .vBanner .buttonDisabled u, .vBanner .buttonSmallDisabled{background:none}
  91. .vBanner .button:hover b{text-decoration:underline}
  92. .vBanner .frame2Header{background:url('<?php echo $path;?>sep2.gif') repeat-x bottom}
  93.  
  94. /* Small button table */
  95. .bsRow{height:20px}
  96.  
  97. /* Button */
  98. .button{text-decoration:none; color:#333;text-shadow: #FFF 0 1px 0;
  99.     font-size:11px;
  100.     margin-top: 1px; margin-bottom: 1px;
  101.     margin-left:3px; margin-right:3px;
  102.     border: 0px;
  103.     vertical-align: middle;
  104.     height: 0px;
  105.     line-height:28px !important; line-height:0px;
  106.     }
  107. /*background-image height = real font-height + padding-top + padding-bottom; line-height = real font-height + padding-top + padding-bottom + border height x2 + margin-top + margin-bottom */
  108. .button img{vertical-align:middle}
  109. .button span{vertical-align:middle; position:relative;top:-1px}
  110. .button .ieBtPng {cursor:pointer; width:16px; height:16px;}
  111. .button i{font-style:normal; background:url("<?php echo $path;?>button.gif") 0px 0px no-repeat; line-height:26px !important; line-height:16px; height:24px; padding-left:3px; padding-top:5px !important; padding-top:5px; padding-bottom:6px !important; padding-bottom:1px;}
  112. .button b{font-weight:normal; background:url('<?php echo $path;?>buttonBg.gif') 0px 0px; height:24px; line-height:24px; padding-top:5px; padding-bottom:6px !important; padding-bottom:1px;}
  113. .button u{text-decoration:none; background:url("<?php echo $path;?>button.gif") right top no-repeat; line-height:26px !important; line-height:18px; height:24px; padding-left:3px; padding-top:5px !important; padding-top:6px; padding-bottom:6px !important; padding-bottom:1px;}
  114.  
  115. .button:hover {color:#000; cursor:pointer}
  116. .button:hover i {background-position:0px -24px}
  117. .button:hover b {background-position:0px -24px}
  118. .button:hover u {background-position:right -24px}
  119.  
  120. .button:active {color:#000}
  121. .button:active i {background-position:0px 0px}
  122. .button:active b {background-position:0px 0px;color:black}
  123. .button:active u {background-position:right top}
  124.  
  125.  
  126. /*.frame1Header .button{margin-top:3px; margin-bottom:3px}*/
  127. .frame2Header .button, .frame2Header .buttonDisabled {position:relative; top:-3px}
  128.  
  129.  
  130. /* Disabled button */
  131. .buttonDisabled{text-decoration:none; color:#9A9A9A;
  132.     font-size:11px;
  133.     margin-top: 1px; margin-bottom: 1px;
  134.     margin-left:3px; margin-right:3px;
  135.     border: 0px;
  136.     vertical-align: middle;
  137.     height: 0px;
  138.     line-height:28px !important; line-height:0px;
  139.     filter:Alpha(opacity=40,style=0); cursor:default;
  140. }
  141. /*background-image height = real font-height + padding-top + padding-bottom; line-height = real font-height + padding-top + padding-bottom + border height x2 + margin-top + margin-bottom */
  142. .buttonDisabled img{vertical-align:middle; opacity:0.40;}
  143. .buttonDisabled span{vertical-align:middle;top:-1px}
  144. .buttonDisabled .ieBtPng {width:16px; height:16px;}
  145. .buttonDisabled i{font-style:normal; background:url("<?php echo $path;?>button.gif") 0px 0px no-repeat; line-height:16px; height:24px; padding-left:3px; padding-top:5px !important; padding-top:5px; padding-bottom:6px !important; padding-bottom:1px;}
  146. .buttonDisabled b{font-weight:normal; background:url('<?php echo $path;?>buttonBg.gif') 0px 0px; height:24px; line-height:24px; padding-top:5px; padding-bottom:6px !important; padding-bottom:1px;}
  147. .buttonDisabled u{text-decoration:none; background:url("<?php echo $path;?>button.gif") right top no-repeat; line-height:18px; height:24px; padding-left:3px; padding-top:5px !important; padding-top:6px; padding-bottom:6px !important; padding-bottom:1px;}
  148.  
  149.  
  150. /* Small button */
  151. .buttonSmall{background:url('<?php echo $path;?>buttonS.gif') no-repeat; color:black; font-weight:bold; width:20px !important; height:20px !important; line-height:20px !important;  cursor:pointer; min-width:20px; font-size:10px; margin:0px !important; padding-top:3px !important; padding-top:2px; padding-bottom:5px !important; padding-bottom:3px; padding-left:2px; padding-right:4px}
  152. .bsRow .buttonSmall{padding-top:0px !important; padding-bottom:0px !important;}
  153. .bsRow .buttonSmallDisabled{padding-top:0px !important; padding-bottom:0px !important;}
  154. .buttonSmall img{vertical-align:middle;}
  155. .buttonSmall span{vertical-align:middle;}
  156. .buttonSmall:hover{background:url('<?php echo $path;?>buttonSH.gif') no-repeat;}
  157. .buttonSmall:active{background:url('<?php echo $path;?>buttonSA.gif') no-repeat;}
  158.  
  159. .buttonSmallDisabled{background:url('<?php echo $path;?>buttonD.gif') no-repeat; color:#CCC; font-weight:bold; width:20px !important; height:20px !important; line-height:20px !important;  cursor:pointer; min-width:20px; font-size:10px; margin:0px !important; padding-top:4px !important; padding-bottom:4px !important; padding-left:2px; padding-right:4px}
  160. .buttonSmallDisabled img{vertical-align:middle;}
  161. .buttonSmallDisabled span{vertical-align:middle;}
  162.  
  163. /* link */
  164. .link {text-decoration:none}
  165. .link:hover{text-decoration:underline}
  166.  
  167. /* multiline table mouse over effect */
  168. th{font-weight:normal;}
  169. .eTC, .eTCHover{color:#777; font-size:11px; cursor:pointer;padding:1px}
  170. .even{background:#EEE}
  171. .odd{background:#FFF}
  172. .eTC td, .eTCHover td{padding:2px;border-right:1px solid #E8E8E8}
  173. .eTC .eTCRight,.eTCHover .eTCRight{border:0px}
  174. .eTCLeft{text-align:right}
  175.  
  176. .eTCHover{background:#BBB;color:#FFF;text-shadow:#888 0 1px 0} /* mouse over effect */
  177. .eTCHover td{border-color:#AAA} /* mouse over effect */
  178.  
  179. .mainCapt{color:#335A68}
  180.  
  181.  
  182. /* ToolTip */
  183. .tooltip{border:1px solid #888;background:#555;color:#EEE}
  184. .tooltip td{vertical-align:top}
  185. .tooltipHeader{font-weight:bold;font-size:110%;padding-bottom:0.5em;margin-bottom:0.5em;border-bottom:1px solid #4A4A4A} /* Tooltip header */
  186. .tooltipFooter{background:none;border-top:1px solid #4A4A4A} /* Tooltip footer */
  187. .tooltipImage{border:1px solid #777; padding:1em;margin-bottom:0.5em;background:#666;position:relative}
  188.  
  189.  
  190. /* Help frame */
  191. .helpFrame{border:1px solid #64654B; color:black; width:400px; height:200px;}
  192. .helpFrame h1{font-size:12px;border-bottom:1px solid black; padding-left:22px; padding-bottom:7px; margin:0px}
  193. .helpBg{filter:Alpha(opacity=80,style=0); opacity:0.80;background:#F7F9BB;}
  194.  
  195. /* progress bar */
  196. .progressOuter{background:url('<?php echo $path;?>progress.gif') repeat-x; height:14px !important; height:16px;overflow:hidden; border:1px solid #AAA; border-bottom:1px solid #888}
  197. span.progressOuter{background:url('<?php echo $path;?>progress.gif') 0px -34px repeat-x}
  198. .progressInner{background:url('<?php echo $path;?>progress.gif') 0px -18px repeat-x;height:14px}
  199. .progressTextO div{font-size:9px;font-weight:bold;top:0px !important;top:-3px;line-height:14px !important;line-height:18px;color:black}
  200.  
  201. /* Drop target */
  202. .dropTarget{border:1px solid #F9F9F9;background:#F3F3F3}
  203. .dropTargetOver{background:#FAFAFA;border:1px solid #FFF}
  204. .vBanner .dropTarget{border:1px solid #BEDCE7;background:#F2F7F9}
  205. .vBanner .dropTargetOver{border-color:#8BB4D7;background:#FFF}
  206.  
  207. /* Tabs */
  208. .tabSel{position:relative; border:1px solid #D9DDE7 !important; border-bottom:0px !important; border-right-color:#8aa6cb !important; padding-left:0.5em; padding-right:0.5em; padding-top:3px; cursor:text;background:#B0BFD4;color:#222 !important;text-decoration:none;margin-right:0.3em;font-size:12px;
  209. padding-bottom:6px !important; padding-bottom:5px;
  210. margin-bottom:-5px !important; margin-bottom:-9px;}
  211. .tab{position:relative; border:1px solid #C9CDD7 !important; border-right-color:#A9ADB7 !important; border-bottom:0px !important;padding-left:0.5em; padding-right:0.5em; padding-top:3px; margin-right:-1px;cursor:pointer !important;background:#EEF2FE;color:#444 !important;text-decoration:none;margin-right:0.3em; font-size:12px;
  212. padding-bottom:5px !important;padding-bottom:4px;
  213. margin-bottom:-5px !important; margin-bottom:-8px;}
  214. .tab:hover {background:#DFDFFF}
  215.  
  216.  
  217. /* Frame Shadow effect (mainly used on Frame1, see metal theme for example of disabled shadow) */
  218. /* IE */
  219. .fsIEr{display:none;}
  220. .fsIEb{display:none;}
  221. .fsIErb{display:none;}
  222. .fsIEtrb{display:none;}
  223. /* Opera */
  224. .fsOrt{display:none;}
  225. .fsOr{display:none;}
  226. .fsOtrb{display:none;}
  227. .fsOb{display:none;}
  228. /* Gecko */
  229. .fsGr{display:none;}
  230. .fsGb{display:none;}
  231. .fsGtrb{display:none;}
  232.  
  233. /* Shadow effect (used around photo frames...) */
  234. /* IE */
  235. .sIEr{display:none}
  236. .sIEb{display:none}
  237. .sIErb{display:none}
  238. .sIEtrb{display:none}
  239. /* Opera */
  240. .sOr{display:none}
  241. .sOb{display:none}
  242. .sOrt{display:none}
  243. .sOtrb{display:none}
  244. /* Gecko */
  245. .sGr{display:none}
  246. .sGb{display:none}
  247. .sGtrb{display:none}
  248.  
  249. /* Windows */
  250.  
  251.  
  252. .winMask {position:absolute; top:38;left:8;background-color:blue; filter:Alpha(opacity=01, style=0); opacity:0.01;}  /* Window IFrame mask (do not modify) */
  253. .winNR td {cursor: default;} /* Not-resizable window (do not modify) */
  254. .win td {}
  255.  
  256.  
  257. /* Tree View */
  258. .treeView a{color:#444}
  259. .vBanner .treeView a{color:#537A88}
  260. .treeView a:hover,.treeView a:active,.treeView .selected:hover{color:#FFF;background:#6A96BB;border-color: #1E4365}
  261. .treeView .selected{background:#1E4365;border-color:2C5173}
  262.  
  263. .treeView a:hover{color:#505050;border-color: #FF8A00;background:#FCCD53}
  264. .treeView .selected{color:#FFF;border-color: #555;background:#777}
  265. .treeView .selected:hover{border-color: #FF8A00}
  266.  
  267. .vBanner .treeView a:hover  {background:#DEEBF0;border-color:#BFD8E1;color:#537A88}
  268. .vBanner .treeView .selected{background:#FFF;border-color:#BFD8E1}
  269.  
  270. /* Image slideshow */
  271. .imageView{background:#E9EDF9;border:1px solid #DDD}
  272.  
  273. /* Remote administration user block */
  274. .adminUser{background:#FFF}
  275.  
  276. /* context menu */
  277. .contextMenu {border-color:#666;border-right-color:#000;border-bottom-color:#000}
  278. .contextMenu, .contextMenu a{background:#222; color:#DDD}
  279. .contextMenu .sep{background:url('<?php echo $path;?>sepDark.gif');height:2px}
  280. .contextMenu a:hover{background:#444;color:white;border-color:#222}
  281.  
  282. .loginBodyClassic .contextMenu{background:#FFF;border-color:#AAA}
  283. .loginBodyClassic .contextMenu a{background:#FAFAFA; color:#444;border-bottom:1px solid #F0F0F0;padding-bottom:2px}
  284. .loginBodyClassic .contextMenu a:hover{background:#a6c3e3;border-color:#6489b2;color:white}
  285.  
  286.  
  287. /* Windows */
  288. .win {padding:0} /* Window */
  289. .winNR {padding:0} /* Not resizable window */
  290. .winInactive {} /* Inactive Window */
  291. .winActive {} /* Active Window */
  292. .winTH {height:50px} /* Window top part height */
  293. .winTL {background:url('<?php echo $path;?>winBorders.png'); width:8px} /* Window top-left part */
  294. .winT {height:50px;background:url('<?php echo $path;?>winTB.png') repeat-x} /* Window top part */
  295. .winTT {height:6px; } /* Window top resize handle */
  296. .winTR {background:url('<?php echo $path;?>winBorders.png') 8px 0px; width:8px} /* Window top-right part */
  297. .winL, .winR{background:url('<?php echo $path;?>winLR.png');width:7px; } /* Window left border */
  298. .winR {background-position:7px 0px} /* Window right border */
  299. .winBL {background:url('<?php echo $path;?>winBorders.png') 0px 7px; height:7px; } /* Window bottom-left border */
  300. .winBR {background:url('<?php echo $path;?>winBorders.png') 7px 7px; height:7px; } /* Window bottom-right border */
  301. .winB {background:url('<?php echo $path;?>winTB.png') 0px -61px}  /* Window bottom border */
  302. .winIcon {position:absolute; top:10px; left:15px; width:32px; height:32px}  /* Window top-left icon */
  303. .winCapt {position:absolute; top:18px; left:60px; color:#FFF; font-size:14px; cursor:move;font-weight:bold;filter:progid:DXImageTransform.Microsoft.Glow(Color=black, Strength=1);text-shadow:#000 0px 0px 3px;height:1em}  /* Window caption */
  304. .winIF {background:#F1F1F1}
  305.  
  306. .winClose, .winCloseD {position:absolute; top:6px; right:10px;  width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif');}  /* close button */
  307. .winCloseD {filter:Alpha(opacity=20, style=0); opacity:0.20;}  /* disabled close button */
  308.  
  309. .winReload,.winReloading,.winReloadD {position:absolute; top:6px; right:34px;  width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -69px;display:block;}  /* reload button */
  310. .winReloading {background:url('<?php echo $path;?>winReloading.gif')}  /* reloading button */
  311. .winReloadD {background-position: 0px -69px;filter:Alpha(opacity=20, style=0); opacity:0.20;}  /* disabled reload button */
  312.  
  313. .winMax, .winRestore {position:absolute; top:26px; right:10px;  width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -23px;}  /* maximize  button */
  314. .winRestore {background-position: 0px -46px;}  /* restore button */
  315. .winToggleD {display:none}  /* Window toggle fullscreen / normal disabled button */
  316. .winTNW {position:absolute; top:26px; right:34px;  width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -115px;}  /* tnw  button */
  317. .winTNWD {display:none}  /* maximize  button */
  318. .winMin {position:absolute; top:26px; right:58px;  width:21px; height:21px; background:url('<?php echo $path;?>winBt.gif') 0px -92px;}  /* maximize  button */
  319.  
  320. .winExtra{position:absolute; top:15px !important; right:84px !important;text-decoration:none;white-space:nowrap} /* Extra controls nested into win top bar */
  321.  
  322. .winMask {position:absolute; top:38px;left:8px;background-color:blue; filter:Alpha(opacity=01, style=0); opacity:0.01;}  /* Window IFrame mask (do not modify) */
  323. .winNR td {cursor: default;} /* Not-resizable window (do not modify) */
  324. .win td {}
  325. .winExtra{position:absolute; top:2px; right:172px;text-decoration:none} /* Extra controls nested into win top bar */
  326. .winARI{top:10px;left:13px}
  327.  
  328. /* popup */
  329. .popup{padding:4px;border-top-color:#999;border-left-color:#999}
  330. .popupHeader{background:url('<?php echo $path;?>popupHeader.gif') repeat-x;font-size:100%;padding:4px;font-weight:bold;margin:-4px;margin-bottom:2px}
  331.  
  332.